<!DOCTYPE html>
<html lang="en">
        <head>
                <meta charset="UTF-8">
                <title>Title</title>
        </head>
        <body>
        <%= require('./common/top.htm') %>

        <div id="Content">
            
                <div id="BackLink">
                        <a href="./catalog-main.html">Return to Main Menu</a>
                </div>

        <div id="Catalog">
             <h2> Please confirm the information below and then press continue... </h2>
            <table>
                <tr>
                    <th align="center" colspan="2">
                        <font size="4">
                            <b>Order</b>
                        </font><br/>
                        <font size="3">
                            <b>
                                <fmt:formatDate value="${now_order.orderDate}" pattern="yyyy/MM/dd hh:mm:ss"/>
                            </b>
                        </font>
                    </th>
                </tr>

                <tr>
                    <th colspan="2">Billing Address</th>
                </tr>
                <tr>
                    <td>First name:</td>
                    <td><input type="text" id="billToFirstName"></td>
                </tr>
                <tr>
                        <td>Last name:</td>
                        <td><input type="text" id="billToLastName"></td>
                </tr>
                <tr>
                        <td>Address 1:</td>
                        <td><input type="text" size="40" id="billAddress1"></td>
                </tr>
                <tr>
                        <td>Address 2:</td>
                        <td><input type="text" size="40" id="billAddress2"></td>
                </tr>
                <tr>
                        <td>City:</td>
                        <td><input type="text" id="billCity"></td>
                </tr>
                <tr>
                        <td>State:</td>
                        <td><input type="text" size="4" id="billState"></td>
                </tr>
                <tr>
                        <td>Zip:</td>
                        <td><input type="text" size="10" id="billZip"></td>
                </tr>
                <tr>
                        <td>Country:</td>
                        <td><input type="text" size="15" id="billCountry"></td>
                </tr>
                <tr>
                    <th colspan="2">Shipping Address</th>
                </tr>
                <tr>
                    <td>First name:</td>
                    <td><input type="text" id="shipToFirstName"/></td>
                </tr>
                <tr>
                        <td>Last name:</td>
                        <td><input type="text" id="shipToLastName"/></td>
                </tr>
                <tr>
                        <td>Address 1:</td>
                        <td><input type="text" size="40" id="shipAddress1"/>
                        </td>
                </tr>
                <tr>
                        <td>Address 2:</td>
                        <td><input type="text" size="40" id="shipAddress2"/>
                        </td>
                </tr>
                <tr>
                        <td>City:</td>
                        <td><input type="text" id="shipCity"/></td>
                </tr>
                <tr>
                        <td>State:</td>
                        <td><input type="text" size="4" id="shipState"/></td>
                </tr>
                <tr>
                        <td>Zip:</td>
                        <td><input type="text" size="10" id="shipZip"/></td>
                </tr>
                <tr>
                        <td>Country:</td>
                        <td><input type="text" size="15" id="shipCountry"/></td>
                </tr>


            </table>
            <input type="button" id="confirmed" value="submit">

        </div>

        <%= require('./common/bottom.htm') %>

        </body>
</html>